@import (reference) "~weaver-mobile/dist/weaver-mobile.less";

.member-desc {
  background: #fff;
  margin-bottom: 15 * @hd;
  min-height:50 * @hd;
  margin-top: 10 * @hd;
  &-title{
    font-size: 18 * @hd;
    line-height: 18 * @hd;
    color: @color-text-paragraph;
    font-weight: 900;
    padding: 5* @hd 5* @hd 5* @hd 15* @hd;
  }
  &-bottom{
    font-size: 12 * @hd;
    line-height: 12 * @hd;
    padding: 5* @hd 5* @hd 5* @hd 15* @hd;
    color: #868686;
  }
  span{
    display: block;
  }
}

.no-right {
  .icon-noright {
    text-align: center;
    margin-top: 75*@hd;
    .am-icon-wuquanxian {
      width: 135*@hd;
      height: 120*@hd;
    }
  }
  .message {
    font-family: PingFang-SC-Regular;
    font-size: 14*@hd;
    color: #333333;
    letter-spacing: -0.1*@hd;
    text-align: center;
  }
}
.decision-data-contain{
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow: auto;
  .decision-button{
    position: fixed;
    bottom: 0* @hd;
    left: 0* @hd;
    width: 100%;
    height: 47 * @hd;
  }
}
.receipt-form-contain{
  height: 100%;
  -webkit-overflow-scrolling: touch;
}
.member-data-contain{
  -webkit-overflow-scrolling: touch;
}
.member-detail-contain{
  -webkit-overflow-scrolling: touch;
}
.sign-data-contain{
  -webkit-overflow-scrolling: touch;
}
.meeting-sign-detail-contain{
  -webkit-overflow-scrolling: touch;
  .signBack {
    border: 1* @hd solid #7326ff;
    color: #7326ff;
    display: inline-block;
    font-size: 12* @hd;
    margin-left: 10* @hd;
    padding: 0* @hd 5* @hd;
    border-radius: 3* @hd;
  }
  .sign {
    border: 1* @hd solid #ffa42e;
    color: #ffa42e;
    display: inline-block;
    font-size: 12* @hd;
    margin-left: 10* @hd;
    padding: 0* @hd 5* @hd;
    border-radius: 3* @hd;
  }
  .notsign {
    color: red;
  }
  .mobile_sign_result(@color) {
    border: 1* @hd solid @color;
    color: @color;
    display: inline-block;
    font-size: 12* @hd;
    margin-left: 10* @hd;
    padding: 0* @hd 5* @hd;
    border-radius: 3* @hd;
  }
  .late { //迟到
    .mobile_sign_result(#FFA42E);
  }
  .leave { //请假
    .mobile_sign_result(#97bbff);
  }
  .absent { // 缺席
    .mobile_sign_result(#fd91a5);
  }
  .notSignBack { //未签到
    .mobile_sign_result(#dc80ef);
  }
  .earlyBack { //早退
    .mobile_sign_result(#7326FF);
  }
  .normal { //正常
    .mobile_sign_result(#77d1f8);
  }
}
.member-index-contain{
  -webkit-overflow-scrolling: touch;
}
.otherMember-detail-contain{
  -webkit-overflow-scrolling: touch;
}
.meeting-check-contain{
  -webkit-overflow-scrolling: touch;
  max-height: 60* @hd;
  overflow-y: auto;
}
.sign-index-contain{
  -webkit-overflow-scrolling: touch;
  .lastly-sign-div{
    background: #fff;
    padding: 5* @hd 5* @hd 5* @hd 15* @hd;
    line-height: 25 * @hd;
    font-weight: bold;
  }
}

.memberDesc{
  font-size: 12 * @hd;
  color: @color-text-paragraph ;
  line-height: 28 * @hd;
  margin-left: 10 * @hd;
  span{
    font-size: 14 * @hd;
    color: #FF3B30 ;
  }
}

.lastlySignList-nodata {
  .am-result {
    border: none;
    padding-top: 20%;
    .am-icon-no-data {
      color: @color-text-caption;
      width: 60 * @hd;
      height: 60 * @hd;
    }
  }
}

.calendar-foot-div{
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50 * @hd;
  background: #fff;
  text-align: center;
  position: absolute;
  border-top: 1*@hd solid #eee9e9;
  display: flex;
  span{
    font-size: 12 * @hd;
  }
  .active{
    color: @brand-primary;
  }
  .my-meeting{
    width: 33%;
    .icon{
      margin-top: 5 * @hd;
      width: 20 * @hd;
      height: 20 * @hd;
    }
  }
  .add-icon-div{
    width: 33%;
    color: @brand-primary;
    .icon{
      margin-top: 7 * @hd;
      width: 35 * @hd;
      height: 35 * @hd;
    }
  }
  .meeting-room{
    width: 33%;
    .icon{
      margin-top: 5 * @hd;
      width: 20 * @hd;
      height: 20 * @hd;
    }
  }
  
}

.fold-group {
  .fold-title {
    height: 28*@hd;
    line-height: 28*@hd;
    background: @fill-body;
    border-bottom: 1*@hd solid #ddd;
    color: @color-text-placeholder;
    padding-left: 22*@hd;
    padding-right: 5*@hd;
  }
  .flod-icon {
    float: right;
  }
  .show {
    display: block;
    .am-list-item {
      .am-list-line{
        .am-list-arrow {
          margin-right: -7*@hd;
        }
      }
    }
  }
  .hide {
    display: none;
  }
  .datepicker {
    .am-list-content{
      font-size: 14*@hd;
      padding-left: 6*@hd;
    }
    .am-list-arrow{
      margin-right: -6*@hd;
    }
  }
}

//回复与点赞页面
.wea-docreply-whitebg{
  .wm-route-layout{
     height: 100%;
     width: 100%;
     background: @color-text-base-inverse;
     display: flex;
     // justyfycontent:space-between;
     flex-direction: column;
 }
}
// .meeting-detail-container {
//   .wm-comment-list-container {
//     .wm-comment-content-msg {
//       a {
//         display: none;
//         color: @brand-primary;
//       }
//     }
//   }
// }

.tabContentHeight-container{
  height: calc(~"100% - " 95 * @hd);
  .tabContentHeight {
    -webkit-overflow-scrolling: touch;
    height: 100%;
  }
}

.tabContentHeight-container2{
  height: calc(~"100% - " 47 * @hd);
  -webkit-overflow-scrolling: touch;
  .tabContentHeight {
    height: 100%;
    -webkit-overflow-scrolling: touch;
  }
}

.tabContentHeight2{
  height: 100%;
}

.baseFormDiv{
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.topicFormDiv{
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  height: 100%;
}

.serviceFormDiv{
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  height: 100%;
}

.wm-comment-nodata {
  height: 100%;
  background: @fill-body;
  .am-result {
    margin-top: 55*@hd;
    margin-bottom: 10 *@hd;
    top: 0;
    background: @fill-body;
    .am-icon-no-data{
      color: @color-text-caption;
      width: 50 *@hd;
      height: 50 *@hd;
    }
    .am-result-message{
      font-size: 14 * @hd;
      margin-top: 0
    }
  }
}

.calendarListDiv{
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background: @fill-body;
  top:10* @hd;
  position: relative;
}


.signInfo-content{
  height: 100%;
  -webkit-overflow-scrolling: touch;
  background: @fill-body;
  &-head{
    .resultHead{
      border-bottom: 0* @hd;
    }
    .am-result{
      background: @fill-body;
      .am-result-pic{
        width: 80 * @hd;
        height: 80 * @hd;
        .am-icon{
          width: 80 * @hd;
          height: 80 * @hd;
        }
      }
      
      .am-result-message{
        font-size: 14 * @hd;
        margin-top: 0;
        background: @fill-body;
        .result-msg{
          .result-msgTitle{
            color:@color-text-paragraph;
            font-size: 17 * @hd;
            line-height: 24 * @hd
          }
          .result-msgInfo{
            color:@color-text-caption;
            font-size: 14 * @hd;
            line-height: 20 * @hd;
            .leave-early {
              display: inline-block;
              padding-left: 5*@hd;
              padding-right: 5*@hd;
              margin-left: 10*@hd;
              border: 1*@hd solid #FFA42E;
              color: #FFA42E;
              font-size: 12*@hd;
              border-radius: 3*@hd;
            }
            .signBack {
              border: 1* @hd solid #7326ff;
              color: #7326ff;
              display: inline-block;
              font-size: 12* @hd;
              margin-left: 10* @hd;
              padding: 0* @hd 5* @hd;
              border-radius: 3* @hd;
            }
            .sign {
              border: 1* @hd solid #ffa42e;
              color: #ffa42e;
              display: inline-block;
              font-size: 12* @hd;
              margin-left: 10* @hd;
              padding: 0* @hd 5* @hd;
              border-radius: 3* @hd;
            }
            .notsign {
              color: red;
            }
          }
        }
        
      }
    }
  }
  .meetingInfo{
    margin: auto;
    width: 95%;
    background: @fill-base;
    span{
      display:block;
      line-height: 30 * @hd
    }
    .meetingInfo-left-0{
      .border-left-radius(4* @hd);
      float: left;
      width: 5 * @hd;
      height: 100%;
      background-color: #BDBDBD;
    }
    .meetingInfo-left-1{
      .border-left-radius(4* @hd);
      float: left;
      width: 5 * @hd;
      height: 100%;
      background-color: #FFB33A;
    }
    .meetingInfo-left-2{
      .border-left-radius(4* @hd);
      float: left;
      width: 5 * @hd;
      height: 100%;
      background-color: #F34555;
    }
    &-right{
      float: left;
      height: 100%;
      width: 96%;
      // padding-left: 15* @hd;
      padding-top: 10* @hd;
      background: @fill-base;
      &-head{
        border-bottom: 1* @hd #BCBBC1 solid;
        margin-bottom: 10* @hd;
        margin-left: 10* @hd;
        span{
          word-break: normal;
          width: auto;
          white-space: pre-wrap;
          word-wrap: break-word;
          overflow: hidden;
        }
        .meetingInfo-name{
          color: @color-text-paragraph;
          font-size: 14 * @hd;
        }
        .meetingInfo-caller{
          color: @color-text-placeholder;
          font-size: 14 * @hd;
        }
      }
      &-detail{
        margin-top: 10* @hd;
        margin-left: 10* @hd;
        div{
          display: flex;
          .meetingInfo-label{
            width: 30%;
            color: @color-text-placeholder;
            font-size: 14 * @hd;
          }
          .meetingInfo-value{
            width: 60%;
            color: @color-text-paragraph;
            font-size: 14 * @hd;
          }
          span{
            word-break: normal;
            width: auto;
            white-space: pre-wrap;
            word-wrap: break-word;
            overflow: hidden;
          }
        }
        
      }
    }
  }
  .preview-meetinginfo {
    clear: both;
    padding-top: 20*@hd;
    .am-button {
      width: 166*@hd;
      height: 44*@hd;
      margin: 0 auto;
      font-family: PingFangSC-Regular;
      font-size: 14* @hd;
      color: #FFFFFF;
      letter-spacing: 0.39* @hd;
    }
  }
}
.attendReason{
  background: @color-text-base-inverse;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  .savebuttong{
    position: absolute;
    width: 100%;
    bottom: 0;
  }
}

.detail-footer{
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  .am-flexbox .am-flexbox-item:not(:last-child){
    .am-button span {
      display: inline-block;
      height: 20*@hd;
      line-height: 20*@hd;
      width: 99%;
      border-top: 0*@hd; 
      border-right: 1*@hd solid #ccc; 
    }
  }
}
.route-div-height{
  padding-bottom: 47*@hd;
  box-sizing: border-box;
}

.meetingSeatContain{
  // overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  .meetingSeatAddressContent{
    .meetingSeatAddressSelect{
      border-bottom: 1* @hd solid #E2E2E2;
      line-height: 47*@hd;
    }
  }
  .meetingSeatSymbolContent{
    .meetingSeatSymbolDiv{
      display: -webkit-box;
      display: flex;
      flex-wrap: wrap;
      .meetingSeatSymbol{
        min-height: 26*@hd;
        margin: 15*@hd 0 0*@hd 15*@hd;
        .symbolLabel{
          width: 16*@hd;
          height: 20*@hd;
          line-height: 20*@hd;
          float: left;
        }
        .symbolName{
          margin-left: 5*@hd;
          color:#333333;
          float: left;
          max-width: 90%;
        }
        .selfSymbolIcon{
          float: left;
          width: 21*@hd;
          height: 21*@hd;
          border-radius: 10*@hd;
          background: #68CB00;
          position: relative;
        }
      }
      .screenShow{
        height: 20*@hd;
        line-height: 20*@hd;
        text-align:center;
        border-radius: 5*@hd;
        margin:10*@hd 20*@hd 0*@hd 20*@hd;
        color:#fff;
        font-size: 12*@hd;
      }
    }
  }
  .meetingSeatInfoContent{
    overflow-x: auto;
    overflow-y: auto;
    margin:10*@hd;
    text-align: center;
    .seatRectangle {
      margin-top: 10*@hd;
    }
    .seatInfoContentCanvas {
      position: relative;
      display: inline-block;
      border-radius: 20*@hd;
      margin-top: 10*@hd;
      background: #dcdcdc;
      .seatInfoRowInfo:first-child{
        .seatInfo:first-child, .seatInfo:last-child {
          border-radius: 20*@hd;
        }
      }
      .seatInfoRowInfo:nth-last-child(2) {
        .seatInfo:first-child, .seatInfo:last-child {
          border-radius: 20*@hd;
        }
      }
      .tripCoverLayer {
        position: absolute;
        top: 30*@hd;
        bottom: 30*@hd;
        left: 65*@hd;
        right: 65*@hd;
        background: #fff;
      }
    }
    .seatInfoRowInfo{
      // display: -webkit-flex; /* Safari */
      // display: flex;
      // flex-flow: row nowrap;
      margin: 20*@hd auto 0 auto;
      // margin: auto;
      .seatInfo{
        width: 65*@hd;
        border-radius: 5*@hd;
        height: 30*@hd;
        margin-right: 10*@hd;
        line-height: 30*@hd;
        text-align: center;
        vertical-align: middle;
        position: relative;
        display: inline-block;
        .seatlabel{
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
        }
        .selfIcon{
          position: absolute;
          float:right;
          width: 21*@hd;
          height: 21*@hd;
          background-color: #68CB00;
          border-radius: 10*@hd;
          top:-10*@hd;
          right:-10*@hd;
          z-index: 999;
        }
      }
    }
  }
}
